import { createBrowserRouter } from "react-router";
import Layout from "../Layout";
import LayoutCommon from "../components/LayoutCommon";
import MainPage from "../pages/mainPage/mainPage";
import AppPage from "../pages/appPage/appPage";
import Extensions from "../pages/extensions/ExtensionsPage";
import AppDetailPage from "../pages/appPage/appDetailPage";
const routes = [
  {
    path: "/",
    element: (
      <LayoutCommon>
        <MainPage />
      </LayoutCommon>
    ),
  },
  {
    path: "/pageApp",
    element: (
      <LayoutCommon>
        <AppPage />
      </LayoutCommon>
    ),
  },
  {
    path: "/extensions",
    element: (
      <LayoutCommon>
        <Extensions />
      </LayoutCommon>
    ),
  },
  {
    path: "/appDetailPage",
    element: (
      <LayoutCommon>
        <AppDetailPage />
      </LayoutCommon>
    ),
  },
];

console.log("routes", routes);

const router = createBrowserRouter(routes);

export default router;
